<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" xmlns:th="http://www.thymeleaf.com">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <head>
        <meta charset="UTF-8">
        <title>Boria | Multi purpose Responsive eCommerce HTML Template</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="shortcut icon" href="assets/img/weiyi.png" type="image/png">
        <link rel="stylesheet" href="assets/css/vendor/vendor.min.css" />
        <link rel="stylesheet" href="assets/css/plugin/plugins.min.css" />
        <link rel="stylesheet" href="assets/css/main.min.css">
        <script type="text/javascript" src="js/jquer.js"></script>
        <script type="text/javascript">
            $(function(){
                // $("#join").append("")
            })
        </script>
        <style>
            .w-body{
                margin-top: -100px;
                background-color: #F1F2ED;
                height: 600px;
            }
            .w-main{
                width: 80%;
                height: 550px;
                background-color: white;
                margin: 0 auto;
                position: relative;
            }
            .w-top{
                position: absolute;
                width: 94%;
                height: 500px;
                left: 3%;
                top: 20px;
            }
            .w-suohuo{
                line-height: 36px;
                font-size: 18px;
                color: #333;
            }
            .w-dizi{
                height: 170px;
            }
            .dizi-fist{
                height: 150px;
                width: 360px;
                border: 1px solid rgb(97, 18, 18);
                padding: 18px 18px 0;
            }
            .elips{
                width: 320px;
                height: 36px;
                font-size: 14px;
                line-height: 36px;
            }
            .dizi-fist a {
                float: right;
                color: #f34e4e;
            }
            .qrsp{
                font-size: 18px;
                line-height: 36px;
                color: #333;
            }
            .w-tj{
                position: absolute;
                right: 20px;
                bottom: 10px;
                line-height: 48px;
                font-size: 18px;
                background-color: #f34e4e;
                padding: 0 72px;
                color: white;
            }
            .w-tj:hover {
                color: white;
                background-color: red;
            }
            .w-jg{
                position: absolute;
                bottom: 60px;
                right: 20px;
                line-height: 36px;
                font-size: 16px;
            }
            .w-jg span{
                color: #f34e4e;
                font-size: 24px;
            }
        </style>
    </head>

<body>
<header>
    <div class="header header--1 d-none d-xl-block">
        <div class="header__tag">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <p class="header__tag-title text-center" th:text="|欢迎用户${#session.getAttribute('user').name}|"></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="header__middle sticky-header header__color--silver p-tb-10 d-flex align-items-center">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-xl-4 d-flex align-items-center">
                        <!-- Start Logo -->
                        <div class="header__logo header__logo--1">
                            <a href="index" class="header__logo-link img-responsive">
                                <img class="header__logo-img img-fluid" src="assets/img/logo/vans.jpg" alt="">
                            </a>
                        </div>
                        <form class="header__search-form" action="#">
                            <div class="header__search-input">
                                <button type="submit">
                                    <i class="ion-ios-search-strong"></i>
                                </button>
                                <input type="search" placeholder="搜索卫衣" required>
                            </div>
                        </form>
                    </div>
                    <div class="col-xl-8 d-flex align-items-center justify-content-between">
                        <div class="header-menu">
                            <nav>
                                <ul class="header__nav">
                                    <!--Start Single Nav link-->
                                    <li class="header__nav-item pos-relative"><a href="index" class="header__nav-link header__nav-link--white header__nav-link--white-hover-white">主页 <i class="ion-ios-arrow-down"></i></a>
                                        <!--Single Dropdown Menu-->
                                        <ul class="dropdown__menu pos-absolute">
                                            <li class="dropdown__list"><a href="index.html" class="dropdown__link">新款卫衣</a></li>
                                            <li class="dropdown__list">
                                                <a href="index-2.html" class="dropdown__link">新款卫衣</a>
                                            </li>
                                            <li class="dropdown__list"><a href="index-3.html" class="dropdown__link">新款卫衣</a></li>
                                            <li class="dropdown__list"><a href="index-4.html" class="dropdown__link">新款卫衣</a></li>
                                        </ul>
                                        <!--Single Dropdown Menu-->
                                    </li>
                                    <!-- End Single Nav link-->
                                    <!--Start Single Nav link-->
                                    <li class="header__nav-item pos-relative"><a href="#" class="header__nav-link header__nav-link--white header__nav-link--white-hover-white">Shop <i class="ion-ios-arrow-down"></i></a>

                                    </li>
                                    <!-- Start Single Nav link-->
                                    <!--Start Single Nav link-->
                                    <li class="header__nav-item pos-relative"><a href="#" class="header__nav-link header__nav-link--white header__nav-link--white-hover-white">新品推荐<i class="ion-ios-arrow-down"></i></a>
                                        <!-- Megamenu Menu-->

                                        <!-- Megamenu Menu-->
                                    </li>
                                    <!-- Start Single Nav link-->
                                    <!--Start Single Nav link-->
                                    <li class="header__nav-item pos-relative"><a href="#" class="header__nav-link header__nav-link--white header__nav-link--white-hover-white">社区<i class="ion-ios-arrow-down"></i></a>
                                        <!--Single Dropdown Menu-->
                                        <ul class="dropdown__menu pos-absolute">
                                            <li class="dropdown__list"><a href="myPj" class="dropdown__link">我的动态</a>

                                            </li>
                                            <li class="dropdown__list">
                                                <a href="goPj" class="dropdown__link">精选评价</a>

                                            </li>
                                            <li class="dropdown__list">
                                                <a href="#" class="dropdown__link"></a>

                                            </li>
                                        </ul>
                                        <!--Single Dropdown Menu-->
                                    </li>
                                    <!-- End Single Nav link-->
                                    <!--Start Single Nav link-->
                                    <li class="header__nav-item pos-relative"><a href="#" class="header__nav-link header__nav-link--white header__nav-link--white-hover-white">品牌分类<i class="ion-ios-arrow-down"></i></a>
                                        <!--Single Dropdown Menu-->
                                        <ul class="dropdown__menu pos-absolute">
                                            <li class="dropdown__list"><a href="about.html" class="dropdown__link">冠军</a></li>
                                            <li class="dropdown__list">
                                                <a href="frequently-questions.html" class="dropdown__link">VANS</a>
                                            </li>
                                            <li class="dropdown__list">
                                                <a href="privacy-policy.html" class="dropdown__link">李宁</a>
                                            </li>
                                            <li class="dropdown__list">
                                                <a href="404.html" class="dropdown__link">匡威</a>
                                            </li>
                                        </ul>
                                        <!--Single Dropdown Menu-->
                                    </li>
                                    <!-- End Single Nav link-->
                                    <!--Start Single Nav link-->
                                    <li class="header__nav-item pos-relative"><a href="contact.html" class="header__nav-link header__nav-link--white header__nav-link--white-hover-white">关于我们</a></li>
                                    <!-- End Single Nav link-->
                                </ul>
                            </nav>
                        </div>
                        <!-- End Header Menu -->
                        <!-- Start Wishlist-AddCart -->
                        <ul class="header__user-action-icon">
                            <!-- Start Header Add Cart Box -->
                            <li class="header-add-cart pos-relative"><a href="wishlist" class="offcanvas-toggle"><i class="ion-bag"></i><span class="wishlist-item-count wishlist-item-count--red pos-absolute" th:text="${#session.getAttribute('cartNum')}">3</span></a></li>
                            <!-- End Header Add Cart Box -->
                            <!-- Start Header User Offcanvas -->
                            <li class="header-user-sidebar pos-relative"><a href="myOrder" class="offcanvas-toggle"><i class="ion-navicon-round"></i></a></li>
                            <!-- End Header User Offcanvas -->
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="header__mobile mobile-header--1 d-block d-xl-none">
            <div class="container">
                <div class="row align-items-center justify-content-between">
                    <div class="col-4">
                        <ul class="header__mobile--leftside d-flex align-items-center justify-content-start">
                            <li>
                                <a href="#offcanvas-mobile-menu" class="offcanvas-toggle">
                                    <i class="ion-navicon-round"></i>
                                </a>
                            </li>
                            <li>
                                <div class="header__mobile-logo">
                                    <a href="index" class="header__mobile-logo-link">
                                        <img src="assets/img/logo/logo-color-red.png" alt="" class="header__mobile-logo-img img-fluid">
                                    </a>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="col-8">
                        <ul class="header__mobile--rightside d-flex align-items-center justify-content-end">
                            <li class="pos-relative">
                                <button class="popup__search-box">
                                    <i class="fal fa-search"></i>
                                </button>
                                <form id="header__popup-search-form" class="header__popup-search-form pos-absolute" action="#">
                                    <div class="d-flex">
                                        <input type="search" placeholder="搜索卫衣" required>
                                        <button class="btn btn--submit btn--black" type="submit">
                                            <i class="fal fa-search"></i>
                                        </button>
                                    </div>
                                </form>
                                <!-- End Header Add Cart Box -->
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div id="offcanvas-add-cart__box" class="offcanvas offcanvas-cart offcanvas-add-cart">
            <div class="offcanvas__top">
                <span class="offcanvas__top-text">
                        <i class="ion-bag"></i>
                    </span>
                <button class="offcanvas-close">
                    <i class="fal fa-times"></i>
                </button>
            </div>
        </div>
    </div>
</header>
<!--::::::End Header Section::::::-->
<!--::::::Start Breadcrumb Section::::::-->
<div class="page-breadcrumb" style="height: 20px; background-color:#424c50;"></div>
<div class="w-body">
    <div class="w-main">
        <div class="w-top">
            <span class="w-suohuo">确认收货地址 ：</span>
            <div class="w-dizi">
                <div class="dizi-fist">
                    <a href="adress"> 修改</a>
                    <div class="elips"><img src="assets/img/icon\cms/user.jpg"> <span th:text="${#session.getAttribute('user').name}"></span></div>
                    <div class="elips"><img src="assets/img/icon\cms/dizhi.jpg"> <span th:text="${#session.getAttribute('user').adress}"></span></div>
                    <div class="elips"><img src="assets/img/icon\cms/tel.jpg"> <span th:text="${#session.getAttribute('user').phone}"></span></div>
                </div>
            </div>
            <span class="qrsp">确认商品信息 :</span>
            <div class="table-content table-responsive cart-table-content m-t-30">
                <table>
                    <tbody id="join">
                    <tr>
                        <td class="product-thumbnail">
                            <a href="#">
                                <img class="img-fluid"  alt="" th:src="${#session.getAttribute('id').img}">
                            </a>
                        </td>
                        <td class="product-name">
                            <a href="#" th:text="${#session.getAttribute('id').name}">万斯 棋盘格</a>
                        </td>
                        <td class="product-price-cart">
                            <span class="amount" th:text="${#session.getAttribute('id').price}">560.00</span>
                        </td>
                        <td class="product-quantity">
                            <div class="quantity d-inline-block">
                                <input type="number" min="1" step="1" value="1" th:value="${#session.getAttribute('orderNum')}">
                            </div>
                        </td>
                        <td class="product-price-cart">
                            <span class="amount">XL</span>
                        </td>
                        <td class="product-subtotal" th:text="${#session.getAttribute('endPrice')}"></td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="w-jg">应付款：<span th:text="${#session.getAttribute('endPrice')}"></span></div>
        <a class="w-tj" th:href="|orderNext?endPrice=${endPrice}&orderNum=${orderNum}|">去下单</a>
    </div>
</div>

</body>
</html>
